@use 'sass:map';
@use 'sass:math';
$--colors: (
  'white': #ffffff,
  'black': #132844,
  'primary': (
    'base': #478eff
  ),
  'success': (
    'base': #35b849
  ),
  'danger': (
    'base': #ff4a4d
  ),
  'warning': (
    'base': #ffba00
  ),
  'error': (
    'base': #ff4a4d
  ),
  'info': (
    'base': #dae7ff
  )
);
$color-white: map.get($--colors, 'white') !default;
$color-black: map.get($--colors, 'black') !default;
$color-primary: map.get($--colors, 'primary', 'base') !default;
$color-success: map.get($--colors, 'success', 'base') !default;
$color-warning: map.get($--colors, 'warning', 'base') !default;
$color-danger: map.get($--colors, 'danger', 'base') !default;
$color-error: map.get($--colors, 'error', 'base') !default;
$color-info: map.get($--colors, 'info', 'base') !default;

$--text-color: (
  (
    'primary': #dae7ff,
    'regular': #dae7ff,
    'secondary': #acbcd9,
    'placeholder': #606e84,
    'disabled': #516585,
    // tree文字 常态
    'tree-normal': #acbcd9,
    // tree文字  选中
    'tree-active': #dae7ff
  )
);
$--border-color: (
  (
    '': #2a4062,
    'light': #2a4062,
    'lighter': #2a4062,
    // radio 边框颜色
    'radio-dark': #516585,
    // checkbox 边框颜色
    'checkbox-dark': #516585,
    'prepend-focus-color': #478eff
  )
);

$--box-shadow: (
  (
    '': transparent,
    'light': transparent
  )
);

$--bg-color: (
  (
    'page': #132844,
    '': #1b2f4f,
    // 例如popper的背景色
    'overlay': #1b2f4f,
    'img-viewer': rgba(81, 101, 133, 0.6),
    'tag-hover': '#46679B'
  )
);

$--mask-color: (
  (
    '': rgba(#1b2f4f, 0.8),
    'extra-light': rgba(#1b2f4f, 0.3)
  )
);
$--fill-color: (
  (
    'blank': #132844,
    // button 重置等按钮的填充颜色
    'button-reset': #3f5881,
    // tree 鼠标经过的填充色
    'tree-hover': rgba(#364b6e, 0.3),
    // tree 选中的背景填充色
    'tree-active': #1a2d4d,
    'prepend-bg': #478eff
  )
);
@forward 'element-plus/theme-chalk/src/dark/var.scss' with (
  $colors: $--colors,
  $bg-color: $--bg-color,
  $text-color: $--text-color,
  $box-shadow: $--box-shadow,
  $border-color: $--border-color,
  $mask-color: $--mask-color,
  $fill-color: $--fill-color
);
@use 'element-plus/theme-chalk/src/dark/css-vars.scss';
